<template>
    <form class="form-container">
        <div class="form-item">
            <div class="col-s-100 form-item-float clearfix">
                <div class="form-recharge-select">
                    <el-select v-model="value" placeholder="请选择" >
                        <el-option
                                v-for="item in options"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </div>
                <div class="form-item-text">
                    <el-input placeholder="Amount ETH (optional)"></el-input>
                </div>
            </div>
        </div>
        <div class="form-item">
            <div class="col-s-100">
                <el-input placeholder="Return Address (optional)"></el-input>
            </div>
        </div>
        <div class="form-item">
            <div class="col-s-100">
                <el-input placeholder="Email for Receipt (optional)"></el-input>
            </div>
        </div>
        <el-button type="primary" class="btn-big btn-top">充值</el-button>
    </form>
</template>
<script>
    export default {
        data() {
            return {
                options: [{
                    value: '1',
                    label: 'ETH'
                }, {
                    value: '2',
                    label: 'CNY'
                }, {
                    value: '3',
                    label: 'ETW'
                }, {
                    value: '4',
                    label: 'RMB'
                }, {
                    value: '5',
                    label: 'CHI'
                }],
                value: '1'
            }
        }
    }
</script>
<style>
    .form-container .form-item{
        margin-bottom: 40px;
    }
    .form-container .col-s-100 input {
        background: transparent;
        font-size: 14px;
    }
    .form-item-float > div{
        float: left;
    }
    .form-recharge-select{
        width: 320px;
    }
    .form-recharge-select .el-select{
        width: 100%
    }
    .form-item-text{
        width: 260px;
        margin-left: 20px;
    }
    .btn-top{
        margin-top: 60px;
    }
</style>
